<!-- 尾部 -->
<template>
  <div id="Footer">
    <el-row class="baozhang-container">
      <el-col :span="2">.</el-col>
      <el-col :span="4"><div class="baozhang-box"><img src="../assets/images/footer/1.png" alt="">一年/两万公里质保</div></el-col>
      <el-col :span="4"><div class="baozhang-box"><img src="../assets/images/footer/2.png" alt="">14天可退</div></el-col>
      <el-col :span="4"><div class="baozhang-box"><img src="../assets/images/footer/3.png" alt="">249项检测</div></el-col>
      <el-col :span="4"><div class="baozhang-box"><img src="../assets/images/footer/4.png" alt="">精选优质车源</div></el-col>
      <el-col :span="4"><div class="baozhang-box"><img src="../assets/images/footer/5.png" alt="">一站式服务</div></el-col>
      <el-col :span="2">.</el-col>
    </el-row>
    <el-row class="copyright-container">
      <el-row class="copyright">
        <el-row class="renzheng">
          <el-col :span="5"><img src="../assets/images/footer/8.png" alt=""></el-col>
          <el-col :span="5"><img src="../assets/images/footer/9.png" alt=""></el-col>
          <el-col :span="5"><img src="../assets/images/footer/10.png" alt=""></el-col>
          <el-col :span="5"><img src="../assets/images/footer/11.png" alt=""></el-col>
        </el-row>
        <el-row>
          <el-col :span="4">广州大学 外环西路230号</el-col>
          <el-col :span="4">诚信示范学校</el-col>
          <el-col :span="4">9.1认证重点学校</el-col>
          <el-col :span="4">毕业设计</el-col>
          <el-col :span="8">Copyright © 2019, mahuacars.com, All Rights Reserved 广大230号</el-col>
        </el-row>
      </el-row>
    </el-row>
  </div>
</template>

<script>
export default {
};
</script>
<style lang='scss' scoped>
#Footer {
  // height: 1.42rem;
  background: #4C4C4C;
  .baozhang-container {
    width: 12rem;
    margin: 0 auto;
    .baozhang-box {
      padding: 0 .2rem;
      height: .8rem;
      line-height: .8rem;
      text-align: center;
      font-size: .16rem;
      color: #FFF;
      img {
        width: .32rem;
        height: .37rem;
        margin-right: .1rem; 
      }
    }
  }
  .copyright-container {
    background: #272c2e;
    .copyright {
      width: 12rem;
      margin: 0 auto;
      height: .4rem;
      line-height: .4rem;
      color: #fff;
    }
    .renzheng {
      margin: .1rem 2rem 0 3rem;
      img {
        width: 1.17rem;
        height: .42rem;
      }
    }
  }
}
</style>